<template>
	<view class="container">
		<!--头部start-->
		<!--<view class="header">
			<u-status-bar></u-status-bar>
			<view class="index_header">
				<text>团队</text>
				<text class="on">邀请返佣</text>
				<text>提醒</text>
				<image src="/static/images/img_30.png" mode="widthFix" class="p_img"></image>
			</view>
		</view>
		<u-status-bar></u-status-bar>-->
		<!--头部end-->
		
		<!--邀请返佣start-->
		<!--<view class="ds_tab">
			<view class="left">
				<text>快捷注册</text>
				<text class="active">发送邀请</text>
			</view>
			<view class="right"><image src="/static/images/img_33.png" mode="widthFix"></image>注册记录</view>
		</view>-->
		
		<view class="copy_info">
			<view class="links">
				<view>邀请链接<text class="on">{{copy_link}}</text></view>
				<view>邀请码<text>570963</text></view>
				<image src="/static/images/img_36.png" mode="widthFix" @tap="copy"></image>
			</view>
			
			<view class="img">
				<image src="/static/images/img_38.png" mode="widthFix" @tap="open_hb_box"></image>
				<view>邀请海报</view>
			</view>
		</view>
		<!--邀请返佣end-->
		
		<!--海报start-->
		<u-popup mode="center" :show="hb_box" :closeOnClickOverlay="true" @close="hb_popup_close" customStyle="background: none">
			<view class="hb_box">
				<view class="hb_con">
					<image src="/static/images/img_03.jpg" mode="widthFix" class="img_con"></image>
				</view>
				<view class="hb_btn">
					<view @tap="hb_popup_close"><image src="/static/images/img_39.png" mode="widthFix"></image>关闭</view>
					<view @tap="hb_popup_close"><image src="/static/images/img_40.png" mode="widthFix"></image>保存</view>
				</view>
			</view>
		</u-popup>
		<!--海报end-->
		
		<!--底部start-->
		<u-safe-bottom></u-safe-bottom>
		<!--<view class="footer">
			<view class="list">
				<view class="icon icon01"></view>
				<view class="icon icon02 active"></view>
				<view class="icon icon05"></view>
				<view class="icon icon03"></view>
				<view class="icon icon04"></view>
			</view>
			<u-safe-bottom customStyle="background: #fff"></u-safe-bottom>
		</view>-->
		<!--底部end-->
	</view>
</template>


<script>
	import uniCopy from '@/components/js_sdk/xb-copy/uni-copy.js'
	
	export default{
		data(){
			return{
				copy_link:"Http://addao.com/wqey231/34223576",
				hb_box: false
			}
		},
		methods:{
			copy() {
			    uniCopy({
			        content: this.copy_link + '  ' + this.copy_code,
			        success:(res)=>{
			             uni.showToast({
			                title: res,
			                icon: 'none'
			            })
			        },
			    })
			},
			open_hb_box(){
				this.hb_box = true
			},
			hb_popup_close(){
				this.hb_box = false
			}
		}
	}
</script>

<style lang="scss">
	@import url("../../common/style.scss");
	@import url("team.scss");
	
	 .u-popup__content{
		background-color: transparent !important;
	}
</style>